<template>
  <ul class="right-top-container">
    <li class="time">{{ state.time }}</li>
    <li>导出</li>
    <li>预览</li>
  </ul>
</template>

<script name="leftcenter" setup lang="ts">
import useSelect from '@/hooks/select';
const { fabric, canvasEditor } = useSelect();

const state = reactive({
  time: '12:40',
});
</script>

<style lang="less" scoped>
.right-top-container {
  display: flex;
  align-items: center;
  padding: 0 10px;

  li {
    margin-left: 12px;

    &:first-child {
      margin-left: 0;
    }

    &.time {
      font-size: 13px;
      color: var(--color-text-placeholder);
    }
  }
}
</style>
